@import 'mixin.less';
#main {
  background: url(../images/user-bg.jpg) center center no-repeat;
  background-size: cover;
  height: 788px;
  padding:60px 0 0;
  .user {
    padding:20px 40px;
    background: #fff;
    .user-top-right {
      padding: 5px;
      border-radius: 16px;
    }
    .user-main {
      margin-top: 30px;
      .card {
        border-color: #fff;
        .list-group-item {
          background: @color-gray4;
          color: #fff;
          border:1px solid #fff;
          font-size: 16px;
          padding: 15px 0;
          &:hover {
            background: @main-red;
            .list-item-link {
              text-decoration: none;
              color: #fff !important;
            }
          }
          &.active {
            background: @main-red;
            .list-item-link {
              color: #fff !important;
            }
          }
          .list-item-link {
            color: #fff;
            display: block;
          }
          img {
            width: 26px;
            height: 26px;
            margin-right: 5px;
          }
        }
      }
      .user-right {
        padding: 10px;
        .nav-pills {
          .nav-item {
            padding: 0 10px 0 0;
            .nav-link  {
              background: #F0A122;
              color: #fff;
            }
            .active {
              background: #F15C22;
            }
          }
          
        }
        .thead-color {
          background: #00ACB8;
          color: #fff;
          font-size: 16px;
        }
        .user-order {
          height: 309px;
          position: relative;
          .user-order-item {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
          }
          .order-pay {
            .active {
              color: #18A5FF;
            }
            .form-check img {
              width: 39px;
              height: 39px;
              margin: 0 5px 0 3px;
            }
          }
        }
        .user-info {
          .uploadfile {
            position: relative;
            img {
              width: 158px;
              height: 158px;
            }
            input {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              opacity: 0;
              z-index: 1;
              cursor: pointer;
            }
          }
        }
      }
      
    }
  }
}